import React from 'react';

const StateBox = props => {
  const { children, className = '', layout = 'inline-block', visible, status, trueCon, falseCon } = props;
  if (visible === false) {
    return '';
  }
  return (
    <div className={className} style={{ display: layout }}>
      {status ? trueCon : falseCon}
      {children}
    </div>
  );
};

export default StateBox;
